<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>ContextMenu-FreeItems_Test</title>
<link href="../skins/default/AeroWindow-Contextmenu.css" rel="stylesheet">
<script src="../js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="../js/AeroWindow-Contextmenu v0.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
	$('#WincontextMenu-Test').WinContextMenu({cancel:'.cancel',action:function(e){alert(e.id)}});	
});
</script>
</head>

<body>
<div id="WincontextMenu" class="WincontextMenu" style="top:100px; left:230px; display:none;">
  <li><a id="copy" href="#"><img src="../skins/default/contextmenu/icons/Copy.png"><span>复制</span></a></li>
  <li><a id="create" href="#"><img src="../skins/default/contextmenu/icons/New.png"><span>新建</span></a></li>
  <div class="m-split"></div>
  <li><a id="save" href="#"><img src="../skins/default/contextmenu/icons/Save.png"><span>保存</span></a></li>
  <li><a id="table" href="#" class="cmDisable"><img src="../skins/default/contextmenu/icons/table.png"><span>表格</span></a></li>
  <li><a id="setup" href="#"><img src="../skins/default/contextmenu/icons/Pinion.png"><span>设置</span></a></li>
</div>

<div id="WincontextMenu-Test" style="height:300px; width:400px; border:3px #FF0000 dashed">
	<div class="cancel" style="background-color:#F00; height:200px; width:200px; opacity:0.6"></div>
</div>
</body>
</html>
